.container{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px - 65px);

    background-color: #f0f2f5;
}
.content-wrapper{
    flex: auto;
    padding: 12px 0;
}
.content {
    margin:  0 24px;
    display: flex;
    height:100%;
    .left {
        width:  285px;
        background-color: #fff;
        padding: 0 12px;
    }
    .main{
        flex: 1;
        position: relative;
        .canvas-wrapper{
            position: absolute;
            width: 500px;
            height: 900px;
            padding: 15px;
            border-radius: 8px;
            top:50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            background-color: #fff;
            overflow: auto;
            box-shadow: 0 2px 10px #0000001f;
        }
    }
    .right{
        width:  285px;
        background-color: #fff;
        padding: 0 12px;
    }
}